<template>
  <div>login</div>
  <el-button type="primary">Primary</el-button>
  <el-button type="success">Success</el-button>
  <el-button type="info">Info</el-button>
  <el-button type="warning">Warning</el-button>
  <el-button type="danger">Danger</el-button>

  <el-icon><CircleCheckFilled /></el-icon>
  <el-icon><StarFilled /></el-icon>
  <el-icon><Promotion /></el-icon>

  <Svgicon icon="Edit" size="30" color="red"></Svgicon>
  <SvgiconCopy icon="search" size="40" color="green"></SvgiconCopy>
</template>

<script lang="ts" setup>
import { ref, reactive } from "vue";
import Svgicon from "@/components/Svgicon.vue";
import SvgiconCopy from "@/components/Svgicon-copy.vue";
</script>

<style lang="scss" scoped></style>
